<%--
  Created by IntelliJ IDEA.
  User: 陈建喜
  Date: 2020/11/28
  Time: 9:18
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <title>Title</title>
    <style type="text/css">
        *{
            margin: 0 auto;
            padding: 0;
        }
        * {
            margin: 0 auto;
            padding: 0;
        }
        #ul1 li{
            list-style: none;
            float: left;
            margin-left: 26px;
            color: #FFFFFF;
            font-size: 13px;
        }
        #ul1 li a{
            color: #ffffff;
            text-decoration: none;
        }
        #ul1 li a:hover{
            color: #FFFF00;
        }
    </style>
</head>
<body>
<%--<iframe src="header.jsp" style="width: 100%;height: 210px;border: none;"></iframe>--%>
<div>
    <%--第一部分--%>
    <div style="width: 100%;height: 34px;background-color: #efefef">
        <div style="text-align:right;font-size: 14px;line-height: 34px;width: 1000px;padding-right: 20px">
            官方网站<a href="https://www.gec.com">https://www.gec.com</a>
            [<a href="http://localhost:8080/${pageContext.request.contextPath}/login.jsp">登录</a>]
            [<a href="http://localhost:8080/${pageContext.request.contextPath}/register.jsp">免费注册</a>]
            [<a href="#">我的购物车</a>]
            [<a href="#">我的订单</a>]
            <a href="#">设置为首页</a>
            |<a href="#">加入收藏</a>
        </div>
    </div>

    <%--第二部分--%>
    <div>
        <div style="width: 1000px;margin-top: 20px">
            <table>
                <tr>
                    <td><img src="img/article/logo.gif"></td>
                    <td><img src="img/banner.gif"></td>
                    <td><a href="#" style="border:1px solid #CCCCCC;text-decoration: none;color: #CCCCCC;font-size: 12px">&nbsp;&nbsp;关于我们&nbsp;&nbsp;</a><br><br><a href="#" style="border:1px solid #CCCCCC;text-decoration: none;color: #CCCCCC;font-size: 12px">&nbsp;&nbsp;联系方式&nbsp;&nbsp;</a></td>
                </tr>
            </table>
        </div>
    </div>

    <%--第三部分--%>
    <div style="width: 100%;height: 30px;background-color: #CC3333;margin-top: 20px">
        <div style="width: 1000px;line-height: 30px;text-align: center">
            <ul id="ul1">
                <li><a href="#">首页</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0001">护肤</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0002">彩妆</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0003">香氛</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0004">身体护理</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0005">礼盒套装</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0006">母婴专区</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0007">男士专区</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0008">粉底</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0009">粉饼</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0010">睫毛膏</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0011">唇彩</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0012">腮红</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0013">食品保健</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0014">瘦身类</a></li>
                <li><a href="http://localhost:8080/${pageContext.request.contextPath}/IndexServlet?type_code=0015">美容类</a></li>
            </ul>
        </div>
    </div>
</div>
<div style="background-image: url('img/login_bg.jpg');width: 960px;height: 388px;position: relative;">
    <div style="width: 450px;height: 300px;background-color: #FFFFFF;border-left: 2px #E0E0DF;border-right: 2px #E0E0DF;position: absolute;left: 500px;top: 70px">

        <p style="text-align: right;margin-top: 25px;margin-right: 30px;font-size: 11px;color: #cccccc">还不是商城用户?&nbsp;&nbsp;<a href="register.jsp" style="text-decoration: none;color: blue">立即注册</a></p>
        <form action="login.do" method="post">
        <table style="font-size: 11px;border-spacing: 0px 28px">
            <tr>
                <td>登录名:&nbsp;&nbsp;</td>
                <td><input name="loginName" type="text" style="width: 200px;height: 23px"></td>
            </tr>
            <tr>
                <td>密&nbsp;&nbsp;码:&nbsp;&nbsp;</td>
                <td><input name="password" type="password" style="width: 200px;height: 23px"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="登&nbsp;录" style="background-color:#FFCB51 ;font-weight: bold;width: 100px;height:40px;border-radius:5px;color:#ffffff;padding-left: 15px;padding-right:15px;border: none">
                    </td>
            </tr>
            <tr>
                <td></td>
                <td><span style="color: #E52829">${loginmsg}</span>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    疯狂源自梦想，技术成就辉煌&nbsp;&nbsp;<a href="http://www.gec-edu.org/">广州粤嵌</a>
                </td>
            </tr>
        </table>
        </form>
    </div>
</div>
</body>
</html>